<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的个人官网</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .header {
            background-color: #f2f2f2;
            padding: 10px;
            text-align: center;
        }
        .nav {
            overflow: hidden;
            background-color: #333;
        }
        .nav a {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }
        .nav a:hover {
            background-color: #ddd;
            color: black;
        }
        .main {
            margin: 15px;
        }
        .footer {
            background-color: #f2f2f2;
            padding: 10px;
            text-align: center;
        }
    </style>
</head>
<body>

<div class="header">
    <h1>欢迎来到我的个人官网</h1>
</div>

<div class="nav">
    <a href="#home">首页</a>
    <a href="#about">关于我</a>
    <a href="#services">服务</a>
    <a href="#contact">联系方式</a>
</div>

<div class="main">
    <h2>首页</h2>
    <p>这里是我的个人官网，您可以在这里了解我的工作、兴趣和联系方式。</p>
    <!-- 其他内容可以放在这里 -->
</div>

<div class="footer">
    <p>版权所有 &copy; 2024 我的个人官网</p>
    <p>备案号：闽ICP备20001983号-1</p>
</div>

</body>
</html>